body {
	margin:0;
	padding:20px;
	
	background-color:#fff;
	color: #aaa;
	font: 10px Calibri;
	text-align:center;
}
a, a:visited {
	color:#aaa;
	text-decoration:underline;
	font-weight:bolder;
}
a:hover {
	text-decoration:none;
}
h1 {
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid #eee;
}
.yamb-countdown {
	float:right;
	margin:10px 15px;
	clear: right;
}
.yamb-countdown:before {
	content: "Fields left: ";
}
#container {
	width:600px;
	margin:0 auto;
	background:#3B5998;
	border:10px solid #ccc;
	color:#fff;
	padding:10px;
	border-radius:10px;
	position:relative;
	font-size:12px;
	text-align:left;
	overflow:hidden;
}
#container a{color:#82DF7D;}

input.throw-button {
	float:right;
	margin:10px 10px 0 0;
}
.display {
	float:right;
	clear:right;
	font-weight:bolder;
	font-size:1.5em;
	margin:10px 0;
}
.right {
	float:right;
}
.left {
	flaot:left;
}
.clear {
	clear: both;
}
.disable-mask {
	background:#EFFFEF;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.5;
	display:none;
	z-index:1;
	margin:-55px 0 0 -10px;
}
.result {
	background:#369;
	color:#fff;
	font-weight:bolder;
	-moz-border-radius:10px;
	padding:10px;
	float:right;
	clear:right;
	width:100px;
	text-align:center;
	display:none;
	position:absolute;
	z-index:2;
	left:250px;
	margin-top:200px;
}
.result h1 {
	border:none;
	margin:10px 0;
	padding:0;
}
.result a {
}

ul.dices {
	float:right;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.dices li {
	float:left;
	margin:0 1px;
	padding:0;
	width:36px;
	height:36px;
	overflow:hidden;
	background-image: url(../img/gui/dice-dark.png);
	background-repeat:no-repeat;
	background-position: -100em 0;
	border:2px outset #fff;
	background-color:#fff;
	-moz-border-radius:10px;
	cursor:pointer;
}
ul.dices li[locked="1"] {
	background-color:#82DF7D;
	border-color:#82DF7D;
}

ul.dices li.value1 {background-position:0 0}
ul.dices li.value2 {background-position:-36px 0}
ul.dices li.value3 {background-position:-72px 0}
ul.dices li.value4 {background-position:-108px 0}
ul.dices li.value5 {background-position:-144px 0}
ul.dices li.value6 {background-position:-180px 0}

table.yamb {
	float:left;
	cursor:default;
	color:#555;
}

table.yamb td {
	width:30px;
	height:30px;
	border:1px solid #ccc;
	padding:2px;
	overflow:hidden;
	text-align:center;
	-moz-border-radius:5px;
}

table.yamb td.field[called="1"] {
	background:#ffee40;
}

table.yamb tr td.empty,
table.yamb tr td.label,
table.yamb tr.sum td,
table.yamb tr.head td {
	text-align:center;
	font-weight:bolder;
	border:1px solid transparent;
	color:#A7BADF;
}
table.yamb tr.head td {	background-color:#A7BADF;}
table.yamb tr.head td.empty {background-color:transparent;}

table.yamb tr td.field {cursor:pointer; background:#fff;}
table.yamb tr td.field[value] {cursor:default;}

table.yamb tr.sum td {
	background:#A7BADF;
	color:#3B5998 ;
}
table.yamb tr.sum td.label {
	color:#3B5998;
}
table.yamb tr.sum td.total {
	width:70px;
	background:#82DF7D;
	color:#3B5998;
}
table.yamb tr.sum td.empty {
	background-color:transparent;
}